<template>
<div class="wrap">
	<Gheader :showheader="data"></Gheader>
	<scroll  class="wrapper"> 
		<div class="inwrap">
			{{name}}
		</div>
	</scroll>
</div>
</template>

<script>
	import Scroll from "../../../../base/Scroll"
	import Gheader from "../person-center/Gheader"
	export default{
		name:"Nikename",
		data(){
			return{
					data:{
						word:"昵称 ",
						left:[true,false,false],
						right:[false,false,false,false,false,false],
						leftword:"",
						rightword1:"",
						rightword2:""
					},
					name:""
				}
		},
		components:{
			Gheader,
			Scroll	
		},
		computed:{
			listen(){
				return this.$store.state.personInfor
			}
		},
		watch:{
				listen:function(news,old){
					if(this.$store.state.personInfor.length!=0){
						this.name=this.$store.state.personInfor[0].login.username
					}
				}
		},
		mounted:function  () {
				if(this.$store.state.personInfor.length!=0){
					this.name=this.$store.state.personInfor[0].login.username
				}
		}
}
</script>

<style scoped>
	.wrap{
		width: 100%;
		height: 100vh;
		background: #F2F2F2;
	}
	.wrapper{
		height: 90vh;
		overflow: hidden;
	}
	.inwrap{
		height: 90.2vh;
	}
</style>